<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/scrollReveal.js"></script>
  <script src="js/main.js"></script>

  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/service.css">
</head>

<body>
  <nav class="navbar navbar-default">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class=" hidden-xs hidden-sm" href=""><img src="img/logonew.png" alt=""></a>
        <a class="navbar-brand hidden-lg hidden-md" href="#"><img src="img/logonewsmall.png" alt=""></a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="main.html">首页</a></li>
          <li><a href="about.html">关于我们</a></li>
          <li><a href="service.html">服务范围</a></li>
          <li><a href="example.html">案列</a></li>
          <li><a href="callus.html">联系我们</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">登录</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

  <div class="container-fluid content_text">
  <div class="bc hidden-xs" style="background-image: url(img/bc.jpg);  background-attachment: fixed;">
  </div>
  <div class="jumbotron">
    <div class="container" data-scroll-reveal="enter bottom after 0.2s">
      <h1 class="text-center abouth1">WHAT WE DO</h1>
      <p class="text-center aboutc1 hidden-xs">服务范围</p>
      <p class="text-center aboutc1 hidden-xs"> 进入信息革命时代的中国，
      </p>
      <p class="text-center aboutc1 hidden-xs">
        传统的营销传播行业日渐落后，服务模式单一化、表面化、信息滞后化，</p>
      <p class="text-center aboutc1 hidden-xs">
        无法从根本上解决企业跟进市场对营销传播的需求。</p>
      <p class="text-center aboutc1 hidden-xs">WBB"一体化＋创新化＋实效化"服务平台，以市场为导向，以创意为途径，以整合为方式，</p>
      <p class="text-center aboutc2">快速全面解决品牌营销问题。 </p>

    </div>
  </div>

  <div class="container-fluid">
    <div class="row">
      <div class="col-md-lg ju_box">
        <img src="img/severice/s1.jpg" alt="">
        <div class="jumbotron">
          <p class="text-right">
            干净、整洁、值得信任，从不花哨。<br />
            我们尊重每个品牌独有的气质，它会通过语言、文字、视觉以不同的形式展现在眼前。<br />
            请相信接触巴顿的第一感觉，我们一直如此，始终如此。<br /><br />
            Clean,organized, trustworthy and prudent. <br />
            Every brand has its own identity and we respect every single one of them. <br />
            We are like programmers we make the most suitable codes for brands.<br />
            That is what we have been doing and what we will be doing.
          </p>

        </div>

      </div>
      <div class="col-md-lg ju_box">
        <img src="img/severice/s2.jpg" alt="">
        <div class="jumbotron">
          <p class="text-center">
            当决定将地板一直铺到天花板的时候，大家都很兴奋。<br />
            没错，就这么干！这里每天都见证着那些天马行空的点子诞生，不乏令人兴奋的超级idea。<br />
            那些与众不同、胆大洞悉的念头不断在这个空间交织碰撞，五颜六色的都丢给世界，本真原色留给自己。</p>
          <p class="text-center">We all get extremely excited when we made the decision to extend the floor to ceiling. </p>
          <p class="text-center">Let’s do this! Massive ideas were spawned here everyday.The workspace might be limited but our ideas are
            unlimited.</p>
        </div>
      </div>
      <div class="col-md-lg ju_box ">
        <img src="img/severice/s3.jpg" alt="">
        <div class="jumbotron">
          <p >
            我们时刻提醒自己，证书奖杯不过是里程的一个纪念。<br />
            它们存在的意义是激励我们更有信心攀上更高峻的山峰。越往高处行进，越能看到天空的浩瀚无垠。<br />
            惟谦受福，在这个大会议厅，不管是对内抑或是对外，谦虚谨慎的状态总是积极促进我们作出有效、果断的品牌决策。
          </p>
          <p>We have to remind ourselves that certifications and trophies are momentary.</p>
          <p>They inspire us with the fact that we are only halfway up. The higher we climb on the mountain, the better
            we see the sky. <br>
            Being humble but also critical to ourselves greatly help us make effective decisions.</p>
        </div>
      </div>
    </div>
  </div>
</div>


  <div class="container-fuild foot">
    <div class="container">
      <div class="row">
        <div class="col-md-4 erweima">
          <div class="col-md-4">
            <p class="text-center"><img src="img/erweima.png" alt=""></p>
            <p class="text-center erweima_text">关注Design设计公众平台</p>
          </div>
          <div class="col-md-2 hidden-xs">
          </div>
          <div class="col-md-6 dizhi">
            <p class="hidden-xs"><img src="img/logohui.png" alt=""></p>
            <p class=" erweima_text hidden-xs">Design设计</p>
            <p class=" erweima_text hidden-xs">重庆市沙坪区</p>
            <p class=" erweima_text hidden-xs">TEL：68629999</p>
            <p class=" erweima_text hidden-xs"> QQ：1195223069</p>

          </div>
        </div>
        <div class="col-md-6 hidden-xs">
          <div class="col-md-2">
            <dl class="foot_list">
              <dt class="text-center"> <a href="">案列</a> </dt>
              <dd class="text-center"><a href="">品牌策划</a></dd>
              <dd class="text-center"><a href="">品牌设计</a></dd>
              <dd class="text-center"><a href="">商业空间</a></dd>
            </dl>
          </div>
          <div class="col-md-2">
            <dl class="foot_list">
              <dt class="text-center"><a href="">关于</a> </dt>
              <dd class="text-center"><a href="">设计是谁</a></dd>
              <dd class="text-center"><a href="">合作须知</a></dd>
              <dd class="text-center"><a href="">商业空间</a></dd>
            </dl>
          </div>
          <div class="col-md-2">
            <dl class="foot_list">
              <dt class="text-center"><a href="">服务</a></dt>
              <dd class="text-center"><a href="">服务范围</a></dd>
              <dd class="text-center"><a href="">服务咨询</a></dd>
              <dd class="text-center"><a href="">服务内容</a></dd>
            </dl>
          </div>
          <div class="col-md-2">
            <dl class="foot_list">
              <dt class="text-center"><a href="">联系</a></dt>
              <dd class="text-center"><a href="">位置地图</a></dd>
              <dd class="text-center"><a href="">联系方式</a></dd>
              <dd class="text-center"><a href="">加入我们</a></dd>
            </dl>
          </div>
        </div>
        <div class="col-md-2">
          <p class="hidden-xs">本网站设计、源代码及其中所展示之作品著作权</p>
          <p class="hidden-xs">均属于Design品牌设计，</p>
          <p class="hidden-xs">保留所有权利。</p>
          <p class="text-center hidden-lg">本网站设计、源代码及其中所展示之作品著作权</p>
          <p class="text-center hidden-lg">均属于Design品牌设计，</p>
          <p class="text-center hidden-lg">保留所有权利。</p>
        </div>
      </div>
    </div>
    <br>
    <p class="text-center" style="margin-bottom:0px">Copyright © 2019.Company name All rights reserved.</p>
  </div>

  <a href="" class="cd-top"></a>
  <script>
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
      (function () {
        window.scrollReveal = new scrollReveal({
          reset: true
        });
      })();
    };
  </script>
</body>

</html>